<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>product-center.html</title>
  <link rel="stylesheet" href="static/css/style.css" />
  <link rel="stylesheet" href="static/css/product.css" />
  <link rel="stylesheet" href="static/css/product-list.css" />
  <link rel="stylesheet" href="static/css/product-center.css" />

  <script src="static/js/jQuery.js"></script>
</head>

<body>
  <header class="com-header"></header>
  <script>
    $(function () {
      $('.com-header').load('component/header.html'); //加载导航栏
    });
    //   document.querySelector(".com-header").style.position="sticky";
  </script>
  <main class="product-list">
    <section class="com-banner">
      <div class="com-banner-container">
        <div class="com-list-banner-bg">
          <div class="product-list-bread-content">
            <div class="product-list-bread w1400">
              <ul class="product-list-bread-ul">
                <li><a href=""><img src="static/images/product-list/product-list-img-bread.png" alt=""></a></li>
                <li><a href="index.html"></a>Home</li>
                <li><a href=""></a>/</li>
                <li><a href="priduct.html"></a>Products</li>
                <li><a href=""></a>/</li>
                <li><a href="product-center.html">Product details</a></li>
              </ul>
            </div>
          </div>
          <img src="static/images/product-list/product-list-s1-img1.png" alt="ctmon" />
          <div class="com-list-banner-content">
            <div class="w1400">
              <div class="com-list-banner-title">Products Center</div>
              <div class="com-banner-text">Customized processing according todrawings and samples</div>
            </div>
          </div>
        </div>
      </div>
    </section>
   
    <section class="com-product-list w1400">

      <div class="com-product-center-left-container">
        <div class="com-product-list-left-s1">
          <div class="com-product-list-left-s1-ul-title-one"><a href="">Product</a><img
              src="static/images/product-list/xiajiatou.png" alt=""></div>

          <ul class="com-product-list-left-s1-ul active">
            <li><a href="priduct-center.html">CNC Machining Service</a></li>
            <li><a href="priduct-center.html">Long Screws</a></li>
            <li><a href="priduct-center.html">Shoulder Screw</a></li>
            <li><a href="priduct-center.html">Self Tapping Screws</a></li>
            <li><a href="priduct-center.html">Machine Screw</a></li>
            <li><a href="priduct-center.html">Small Screws</a></li>
            <li><a href="priduct-center.html">Special Screws</a></li>
            <li><a href="priduct-center.html">Security Screws</a></li>
            <li><a href="priduct-center.html">Self Locking Screw</a></li>
            <li><a href="priduct-center.html">Thumb screws</a></li>
            <li><a href="priduct-center.html">Chicago screws</a></li>
            <li><a href="priduct-center.html">CD Screw</a></li>
            <li><a href="priduct-center.html">Slotted Screw</a></li>
            <li><a href="priduct-center.html">Weld screw</a></li>
            <li><a href="priduct-center.html">Custom Screws</a></li>
            <li><a href="priduct-center.html">Type of Head</a></li>
            <li><a href="priduct-center.html">Types Of Groove</a></li>
            <li><a href="priduct-center.html">Material</a></li>
            <li><a href="priduct-center.html">Standard</a></li>
            <li><a href="priduct-center.html">Other Fasteners</a></li>
          </ul>
        </div>
        <div class="com-product-list-left-s2">
          <ul class="com-product-list-left-s2-ul">
            <li class="com-product-list-left-s1-ul-title"><a href="">Contact Us</a></li>
          </ul>
          <div class="com-product-list-left-s2-content">
            <div class="com-product-list-left-s2-bg"><img src="static/images/product-list/product-list-left-img1.png"
                alt=""></div>
            <div class="com-product-list-left-s2-text">+86 13143444311</div>
          </div>
          <div class="com-product-list-left-s2-content">
            <div class="com-product-list-left-s2-bg"><img src="static/images/product-list/product-list-left-img2.png"
                alt=""></div>
            <div class="com-product-list-left-s2-text">sst@szsst88.com</div>
          </div>
          <div class="com-product-list-left-s2-content">
            <div class="com-product-list-left-s2-bg"><img src="static/images/product-list/product-list-left-img3.png"
                alt=""></div>
            <div class="com-product-list-left-s2-text">+0086-755-27322278</div>
          </div>
          <div class="com-product-list-left-s2-content">
            <div class="com-product-list-left-s2-bg"><img src="static/images/product-list/product-list-left-img4.png"
                alt=""></div>
            <div class="com-product-list-left-s2-text bre">
              Building 9, First <br>
              Industrial Zone, Tantou <br>
              Industrial City, Songgang <br>
              Street, Baoan District, <br>
              Shenzhen 518105, <br>
              Guangdong, China</div>
          </div>
        </div>
      </div>


      <div class=" com-product-center-right-container">
        <section class="com-product-center-right-s1">
          <div class="com-product-center-right-s1-left">
            <div class="product-swiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="product-swiper-img">
                    <img src="static/images/product-center/product-list-img-s11.png" alt="">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="product-swiper-img">
                    <img src="static/images/product-center/product-list-img-s11.png" alt="">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="product-swiper-img">
                    <img src="static/images/product-center/product-list-img-s11.png" alt="">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="product-swiper-img">
                    <img src="static/images/product-center/product-list-img-s11.png" alt="">
                  </div>
                </div>
                <div class="swiper-slide">
                  <img src="static/images/product-center/product-list-img-s11.png" alt="">
                </div>
                <div class="swiper-slide">
                  <img src="static/images/product-center/product-list-img-s11.png" alt="">
                </div>
              </div>

            </div>

            <div class="product-swiper-thumbs-layout">
              <div class="product-swiper-thumbs">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="product-swiper-thumbs-img">
                      <img src="static/images/product-center/product-list-img-s22.png" alt="">
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="product-swiper-thumbs-img">
                      <img src="static/images/product-center/product-list-img-s33.png" alt="">
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="product-swiper-thumbs-img">
                      <img src="static/images/product-center/product-list-img-s44.png" alt="">
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="product-swiper-thumbs-img">
                      <img src="static/images/product-center/product-list-img-s22.png" alt="">
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="product-swiper-thumbs-img">
                      <img src="static/images/product-center/product-list-img-s22.png" alt="">
                    </div>
                  </div>
                 
                </div>
              </div>
              <!-- <div class="swiper-button-prev"></div>
              <div class="swiper-button-next"></div> -->
            </div>
          </div>
          <div class="com-product-center-right-s1-right">
            <div class="com-product-center-right-s1-right-title">
              Extra long hexagon socket m6 pan <br>
              head machine screw
            </div>
            <p>Type:Extra long hexagon socket pan head machine screw</p>
            <p>Materials:Stainless steel</p>
            <p>Surface treatment:Plain</p>
            <p>Head Type:Pan head</p>
            <p>Drive type:Socket</p>
            <p>Number:1044</p>
            <div class="com-product-center-right-s1-right-cile"></div>
            <a href="contact.html" class="com-product-center-right-s1-right-btn">Contact us</a>
          </div>
        </section>
        <section class="com-product-center-right-s2">
          <div class="com-product-center-right-s2-button">Details</div>
        </section>
        <section class="com-product-center-right-s3">
          <div class="com-product-center-right-s3-img"><img src="static/images/product-center/product-list-img-s5.png"
              alt=""></div>
        </section>
        <section class="com-product-center-right-s4">
          <div class="com-product-center-right-s4-content">
            <div class="com-product-center-right-s4-content-title">
              Extra long hexagon socket m6 pan head machine screw | Shi Shi Tong <br>
              Sems Screw Manufacturers
            </div>
            <div class="com-product-center-right-s4-content-text">
              <p>
                • Stainless Steel : Improved food-grade 316 material has superior corrosion resistance and tensile
                properties.
              </p>
              <p>
                • Surface treatment: Plain. Clean away the oil dirt and debris on the surface. No screws will be bent
                due to cleaning problems.
              </p>
              <p>
                • Drive type: socket drive.
              </p>
              <p>
                • Length: 630mm. One-piece molding, stable strength and not easy to break. The production length is
                0mm-2000mm.
              </p>
              <p>
                • Machine thread: Produced according to customer’s special requirements. Comply with the requirements of
                6G Go-no-go rule
                regulations.
              </p>
            </div>
          </div>
        </section>
        <section class="com-product-center-right-s5">
          <div><img src="static/images/product-center/product-list-img-s6.png" alt=""></div>
        </section>
        <section class="com-product-center-right-s6">
          <div class="com-product-center-right-s4-content">
            <div class="com-product-center-right-s4-content-title">
              With a complete line of materials, machinery, and methods to meet every product challenge, our team will
              custom engineer
              the fastener you need.
            </div>
            <div class="com-product-center-right-s4-content-text">
              <p>
                With a complete line of materials, machinery, and methods to meet every product challenge, our team will
                custom engineer
                the fastener you need.
              <p>
                • Our experienced technical team enables us to tackle your toughest screw challenges with made-in-China
                solutions
              </p>
              <p>
                • Cumulative service 4000+ customers
              </p>
            </div>
          </div>
        </section>
        <section class="com-product-center-right-s7">
          <div class="com-product-center-right-s7-content">
            <div class="com-product-center-right-s7-img1"><img
                src="static/images/product-center/product-list-img-s7.png" alt=""></div>
            <div class="com-product-center-right-s7-img1"><img
                src="static/images/product-center/product-list-img-s8.png" alt=""></div>
          </div>
        </section>
        <section class="com-product-center-right-s8">
          <div class="com-product-center-right-s8-btn">
            <div class="com-product-center-right-s8-btn-prev active"><img
                src="static/images/product-center/product-list-img-prev.png" alt=""></div>
            <div class="com-product-center-right-s8-btn-next"><img
                src="static/images/product-center/product-list-img-next.png" alt=""></div>
          </div>
        </section>
      </div>
    </section>
  </main>

  <footer class="com-footer">
    <script>
      $(function () {
        $('.com-footer').load('component/footer.html'); //加载页脚
      });
    </script>
  </footer>
  <script src="static/js/jquery.counterup.js"></script>
  <script src="static/js/swiper-bundle.min.js"></script>
  <script src="static/js/wow.js"></script>
  <script src="static/js/gsap.min.js"></script>
  <script src="static/js/ScrollTrigger.min.js"></script>
  <script src="static/js/form.js"></script>
  <script src="static/js/public.js"></script>
  <script src="static/js/product-center.js"></script>


</body>

</html>